目標
上一篇安裝好Node.JS環境後
這邊會建立Vue專案
並打開網址確認啟動完成

步驟

1 接著安裝Vue需要的檔案
輸入
npm install -g @vue/cli

2 跑好後 Vue需要的檔案總算安裝完成了
可以看到左邊資料還是空的
我們還需要建立Vue的專案
輸入
vue create .

然後這邊會問你幾個選項的設定
照著圖中的藍字選擇 然後按下Enter進行下一步

3. 選完後開始建立專案
   完成後左邊資料夾就會幫我們建立下圖的檔案了
   

接下來再輸入以下指令
安裝Supabase和Bootstrap需要的檔案
前者負責連線Supabase與設定 後者做樣式需要用到

npm install @supabase/supabase-js
npm install bootstrap@v5.3.7

輸入
npm run serve
我們會需要等它跑一下下 看到綠字Done就代表能啟動了
打開網址 http://localhost:8080/
這個就是之後 開發環境用到的網址
8080 port 是專案啟動時，預設使用的Port

備註
1.最後整理安裝Node.JS後
需要輸入的指令

//在路徑底下建立該資料夾 
//接著到Node.js跳到該建立專案名稱
cd 你要建立的專案名稱

//安裝Vue與其所需套件
npm install -g @vue/cli

// 建立Vue專案
vue create .

//安裝Supabase和Bootstrap
npm install @supabase/supabase-js
npm install bootstrap@v5.3.7

//啟動服務
npm run serve

啟動服務的指令
我們也可以寫成BAT檔
之後每次執行BAT檔執行就好 省卻打命令的時間
做法是：打開記事本 存檔後.txt變更副檔名.bat